<template>
    <div class="manage-content">
        <div class="control-bar">
            <i-button>批量删除</i-button>
            <i-button type="primary">添加</i-button>
        </div>
        <table-box
            :tableObj="tableObj"
            @changePage="changePage"
            >
            </table-box>
    </div>
</template>
<script>
export default {
    name: 'manageContent',
    data () {
        return {
            tableObj: {
                pageObj: {
                    pageSize: 10,
                    total: 11,
                    page: 1
                },
                list: [{content: '你好', status: 0}],
                columns: [
                    {
                        key: 'attendanceRecordID',
                        title: '管理员账号'
                    },
                    {
                        key: 'orderNo',
                        title: '权限分类'
                    },
                    {
                        key: 'prjNo',
                        title: '姓名'
                    },
                    
                    {
                        key: 'actions',
                        title: '操作',
                        render: (h, params) => {
                            return ('div', [
                                h('span', {
                                    style: {
                                        cursor: 'pointer'
                                    },
                                    on: {
                                        click: () => {
                                         
                                        }
                                    }
                                }, '删除')
                            ])
                        }
                    },
                ]
            }
        }
    },
    methods: {
        changePage () {
            
        }
    }
}
</script>
<style lang="less" scoped>
.manage-content {
    background: #fff;
    .control-bar {
        height: 86px;
        background: #fff;
        display:flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 20px;
        button {
            margin-left: 10px;
        }
    }
}
</style>